<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:composite="http://java.sun.com/jsf/composite">
	
	<composite:interface>
		<composite:attribute name="description"/>
		<composite:attribute name="id" default="ui-description-action"/>
		<composite:attribute name="descriptionWidth" default="70%"/>
		<composite:attribute name="actionWidth" default="30%"/>
	</composite:interface>
	
	<composite:implementation>
		<style type="text/css">
			##{cc.attrs.id} {
				margin: 5px auto 5px auto;
				width: 100%;
				height: 30px;
			}
			##{cc.attrs.id}-left {
				float: left;
				width: #{cc.attrs.descriptionWidth};
			}
			##{cc.attrs.id}-right {
				float: right;
				padding-top: 3px;
				width: #{cc.attrs.actionWidth};
				text-align: right;
			}
		</style>
		
		<div id="#{cc.attrs.id}">
			<div id="#{cc.attrs.id}-left">
				<h:outputText value="#{cc.attrs.description}"/>
			</div>
			<div id="#{cc.attrs.id}-right">
				<composite:insertChildren/>
			</div>
		</div>
	
	</composite:implementation>
</html>